/* CSS Document */
@charset "utf-8";

/*公用*/
.comWidth{width: 1000px;margin-left: auto;margin-right: auto}
.leftArea{float: left}
.rightAre{float: right}

/*topBar*/
.topBar{height: 31px;background-color: #F7F7F7;line-height: 31px}
.collection{background: url("../images/icon/collection.jpg") left center no-repeat;padding-left: 19px;font-weight: bold}
.topBar a:hover{color:red;}

/*logo*/
.logoBar{height: 85px;background-color: #1D7AD9}
.logo{padding-left: 41px;padding-top: 13px;}

/*搜索框=========\9将所有IE浏览器规定；关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack： ======*/
.search_box{width: 430px;padding-top: 23px;padding-left: 185px}
.search_text{width: 350px;height: 35px;line-height:35px\9;padding: 0 5px;background-color: #fff;}
.search_btn{width: 70px;height: 35px;font-size: 14px;font-family:'Microsoft YaHei','微软雅黑';background-color: #FF8C00;color: #fff; }

/*购物车*/
.shopCar{width: 145px;height: 35px;background-color: #FF8C00;margin-top: 23px;font:14px/35px 'Microsoft YaHei','微软雅黑';color:#FFF;margin-right: 59px}
.shopText{width: 87px;height: 35px;height: 100%;border-right:#E27A00 solid 1px;
background:url("../images/cart.jpg") 10px center no-repeat;text-indent: 40px}
.shopNum{width: 27px;height: 35px;line-height: 35px;font-weight: bold;border-left:#FF9C01 solid 1px;background: url('../images/sj.jpg') 33px center no-repeat;text-align: right;
padding-right:29px }

/*导航*/
.navBox{height: 35px;background-color: #1369c0;color:#fff}
.shopClass{width: 190px;position: relative}
.shopClass h3{line-height: 35px;text-align: center}
.shopClass i{width: 11px;height: 7px;overflow: hidden;background: url('../images/down.jpg') left center no-repeat;display: inline-block;margin-left: 11px}
.nav,.shopClass h3{font-family: 'Microsoft YaHei', '微软雅黑'}
.nav{line-height: 35px}
.nav li{float: left;}
.nav a{padding: 0 35px;height: 35px;display: inline-block;color: #fff}
.nav .active{background-color: #4593FD}

/*导航弹出*/
.shopClass_show{background-color:#4593fd;position: absolute;left: 0;top:35px; width:100% }
.shopClass_item{padding:14px 10px;border-bottom: #3487F2 solid 1px;border-top: #5AA1FE solid 1px }
.shopClass_item dt{height: 22px;background: url("../images/show_sj.jpg") right center no-repeat}
.shopClass_item .b{font: 14px/1px 'Microsoft YaHei', '微软雅黑'}
.shopClass_item a{color: #fff;}
.shopClass_item .blink{width: 48px;height: 20px;line-height: 20px;text-decoration: underline; display:inline-block;text-align:center;
    background: url("../images/blink.jpg") left center no-repeat;}

/*弹出菜单*/
.showClass_list{width: 568px;border: #ccc solid 1px;position: absolute;left:190px;top:35px}
.showClass_cont{padding: 0px 20px}
.showClass_item{padding: 10px 0;border-bottom: #ccc solid 1px;}
.showClass_item dt{color: #4B87D9;font-weight: bold;height: 24px;line-height: 24px}
.showClass_item dd{padding-left: 68px;margin-top: -24px;line-height: 24px}
.showClass_item dd a{margin-right: 12px;}

.shopClass_links{padding: 15px 0px;}
.shopClass_links a{margin-right:10px;color:#fff;background-color: #2785E6;height: 26px;line-height: 26px;font-size: 12px;display: inline-block;padding: 0 14px 0 8px}

.showClass_active{background-color: #FFF;border-left:#4593FD solid 1px}
.showClass_active dt{background:none}
.showClass_active a{color: #000 }
.showClass_active .blink{color: #fff;text-decoration: none}

/*banner*/
.banner{margin-bottom: 15px}
.banner_bar{float: right;position: relative;overflow: hidden}
.imgBox{position: absolute;left:0;top: 0;}
.imgBox li{float: left}
.imgBox img{display: block}
.imgNum{position: absolute;left:0;bottom: 0;width:100%;text-align: center;bottom: 15px}
.imgNum a{width: 20px;height: 5px;overflow: hidden;background-color: #fff;display: inline-block;margin: 0 3px}
.imgNum .active{background-color:#ff8800 }

.banner_big,.banner_big img{width: 810px;height: 326px}
.banner_big .imgBox{width: 1620px;height: 326px}
.banner_sm,.banner_sm img{width: 190px;height: 400px}
.banner_sm .imgBox{width: 380px;height: 400px}

.shopTit{height: 44px;font-family: 'Microsoft YaHei', '微软雅黑';line-height: 44px}
.shopTit h3{font-size:24px;float: left;font-weight: normal;padding-left: 15px}
.icon{width: 44px;height: 44px;background: url('../images/shopIcon.jpg') left top no-repeat;float: left}
.more{float: right;font-family: '宋体'}
.more:hover{color: red}

/*商品列表*/
.shopList{margin-top: 17px}
.shopList .leftArea{width: 190px;}
.shopList .rightArea{width: 808px;border:#999 solid 1px;border-bottom:#ff7201 solid 3px;height: 396px;text-align: center;
    font-family: 'Microsoft YaHei', '微软雅黑';overflow: hidden}

/*商品列表-右侧*/
.shop_top,.shop_bottom{margin-right: -4px;}
.shop_item{width:202px;height: 279px;border-right:#999 solid 1px;border-bottom:#999 solid 1px;float: left}
.shop_img{height: 218px;}
.shop_img img{height: 151px;width: 133px;text-align: center;padding-top: 47px}
.shop_item h3{font-size:16px}
.shop_item p{font-size:14px;color:#ff7201;line-height: 21px}

/*商品列表-下侧*/
.shop_bottom{width: 202px;height:116px;border-right: #999 solid 1px;}
.shop_bottom .bottomImg{width: 120px;height:95px;text-align: center;float: left}
.shop_bottom .bottomImg img{width: 120px;height:95px;text-align: center}
.shop_bottom .shop_text{padding-top: 28px;width:107px; float: left}



